<template>
  <div id="query_page">
    <QueryTrain v-if="$store.state.common.query_type=='train'"></QueryTrain>
    <QueryAirPrice v-if="$store.state.common.query_type=='air_price'"></QueryAirPrice>
    <QueryBreak v-if="$store.state.common.query_type=='break'"></QueryBreak>
    <QueryWeather v-if="$store.state.common.query_type=='weather'"></QueryWeather>
  </div>
</template>

<script>
  import QueryTrain from "./query_component/query_train";
  import QueryAirPrice from "./query_component/query_air_price"
  import QueryBreak from "./query_component/query_break"
  import QueryWeather from "./query_component/query_weather"

  export default {
    name: "query_page",
    components: {
      QueryTrain,
      QueryAirPrice,
      QueryBreak,
      QueryWeather
    }
  }
</script>

<style scoped lang="less">
  #query_page {

  }
</style>
